<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'
const store = useCounterStore()
</script>

<template>
  <h2></h2>
  <h2>{{ store.count }}</h2>
  <h2>{{ store.doubleCount }}</h2>
  <button @click="store.increment()">累加</button>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
template {
  background-color: aqua;
}
</style>
